import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '@/views/home/index.vue'
import Layout from '@/layout/index.vue'

/**
 * docs: 子菜单只有在route children.length>=1时才会显示
 * hidden: true                   设置为true, item不会出现在侧边栏中(默认是false)
 * alwaysShow: true               设置为true, 将始终显示在根菜单
 *                                如果未设置alwaysShow，则当项目有多个子路线时，
 *                                它将变为嵌套模式，否则不显示根菜单
 * redirect: noRedirect           如果设置为noRedirect，则面包屑中不会重定向
 * name:'router-name'             路由名 (必须设置!!!)
 * meta : {
    roles: ['admin','editor']    控制页面角色 (您可以设置多个角色)
    title: 'title'               侧边栏和面包屑中显示的名称（推荐设置）
    icon: 'svg-name'/'el-icon-x' 显示在侧边栏的图标
    breadcrumb: false            设置为false, 该项将隐藏在面包屑中b(默认是true)
    activeMenu: '/example/list'  如果设置path, 侧边栏将突出显示您设置的路径
  }
 */

  /**
 * createRouter 这个为创建路由的方法
 * createWebHashHistory 这个就是vue2中路由的模式，
 *                      这里的是hash模式，这个还可以是createWebHistory等
 * RouteRecordRaw 这个为要添加的路由记录，也可以说是routes的ts类型
 */

const routes =  [
  // {
  //   path: '/login',
  //   name: 'login',
  //   hidden: true,
  //   meta: {
  //     title: '登录',  
  //   },
  //   component: Login,
  // },
  {
    path: '/',
    component: Layout,
    redirect: '/home',
    hidden: false,
    children: [
      {
        path: '/home',
        name: 'Home',
        component: HomeView,
        meta: {
          title: '首页',  
          icon: 'shouye'
        }
      },
    ]
  },
  {
    path: '/user',
    component: Layout,
    hidden: true,
    redirect: 'profile',
    children: [
      {
        path: 'profile',
        component: () => import('@/views/profile/index.vue'),
        name: 'Profile',
        meta: {title: '个人中心', icon: 'user'}
      }
    ]
  },
  {
    path: '/',
    component: Layout,
    redirect: '/userManage',
    hidden: false,
    children: [
      {
        path: '/userManage',
        name: 'UserManage',
        component: () => import('@/views/user/index.vue'),
        meta: {
          title: '用户管理',  
          icon: 'yonghuguanli'
        }
      },
    ]
  },
  {
    path: '/',
    component: Layout,
    redirect: '/duyi1',
    meta: {
      title: '渡一汇总',  
      icon: 'ceshi'
    },
    hidden: false,
    children: [
      {
        path: '/duyi1',
        name: 'Duyi1',
        component: () => import('@/views/duyi/index.vue'),
        meta: {
          title: '渡一汇总1',  
          icon: 'ceshi'
        }
      },
      {
        path: '/demo1',
        name: 'Demo1',
        component: () => import('@/views/user/index.vue'),
        meta: {
          title: '渡一汇总2',  
          icon: 'ceshi'
        }
      },
    ]
  },
]

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes
})

export default router
